@import '../../styles/vars';

.psv-settings-item {
  &-label {
    flex: 1;
    font-weight: bold;
  }

  &-value {
    flex: none;
  }

  &-icon {
    flex: none;
    height: 1em;
    width: 1em;

    svg {
      width: 1em;
      height: 1em;
    }

    &:first-child {
      margin-right: 1em;
    }

    &:last-child {
      margin-left: 1em;
    }
  }

  &--header {
    border-bottom: 1px solid currentColor;
    margin-bottom: 1em;

    svg {
      transform: scaleX(-1);
    }
  }
}
